// import React, {
//   createContext,
//   FC,
//   useCallback,
//   useContext,
//   useEffect,
//   useState,
// } from "react";

// interface ContextInterface {
//   value: number;
//   setValue?: (param: any) => any;
// }

// const TempContext = createContext<ContextInterface>({ value: 0 });

// export const TestPage = () => {
//   const [num, setNum] = useState<number>(0);

//   const contextValue: ContextInterface = {
//     value: num,
//     setValue: setNum,
//   };
//   return (
//     <TempContext.Provider value={contextValue}>
//       <Foo />
//     </TempContext.Provider>
//   );
// };

// const Foo: FC = () => {
//   const context = useContext<ContextInterface>(TempContext);

//   const handleClick = useCallback(() => {
//     // console.log(context.setValue);
//     // contextsetValue?.((val: number) => val + 1);
//     context?.setValue?.(context?.value + 1);
//   }, [context]);

//   useEffect(() => {
//     debugger;
//     handleClick();
//   }, []);

//   console.log(context);

//   return (
//     <div>
//       {/* {context?.value} */}

//       <button onClick={handleClick}> 添加</button>
//     </div>
//   );
// };

// export default TestPage;

import React from "react";

import TestComp from "./components/foo/Card";

const TestPage = () => {
  return (
    <div style={{ paddingTop: 20 }}>
      <TestComp />
    </div>
  );
};

export default TestPage;
